<div id="boxes">
  <!-- #customize your modal window here -->
  <div id="pedido" class="window">
    <div class="window-title">
    </div>
    <div class="window-content">
    <div>Este é código do seu pedido: <div class="pedidoId">23098</div></div>
    <p>Seu pedido foi enviado ao restaurante com sucesso!<br/>
    Em até 10 minutos você deverá receber um e-mail de confirmação.
    Verifique sua caixa postal e também a pasta "spam" caso você não tenha marcado o e-mail do Rangaki como confiável.</p><br/>
    <input class="botao-vermelho acompanhar" type="button" value="Acompanhar seu pedido"/>
    <input class="botao-laranja direita novo" type="button" value="Fazer um novo pedido"/>
    </div>
  </div>
  <div id="produto" class="window">
    <div class="window-title">
      <div class="close"></div>
    </div>
    <div class="window-content" id="windowContent">
    </div>
  </div>
  <!-- Do not remove div#mask, because you'll need it to fill the whole screen -->
  <div id="mask"></div>
</div>

  {{#restaurante}}
  <input type="hidden" id="r_" value="{{id}}"/>
  <input type="hidden" id="u_" value="{{url}}"/>  
  <div class="restauranteBar">
    <figure>
      <img src="/app/resources/uploads/restaurantes/{{id}}/{{id}}.png"/>
    </figure>
    <div class="info">
      <h1>{{nome}}</h1>
      <p>
        {{descricao}}
      </p>

      <div class="more">
        <div class="endereco-restaurante">
          {{#end}}
          <b>{{nome}}</b>
          <br/>
          {{logradouro}}, {{numero}} {{#complemento}}- {{complemento}}{{/complemento}}
          <br/>
          {{bairro}} - {{cidade}}/{{ufe_sg}}
          <br/>
          <div class="fone">
            {{telefone}}
          </div>
          {{/end}}
        </div>
        <div>
          <b>Horários:</b>
          <br />
          Seg a Sex - 18:00 às 22:00
          <br />
          Sáb - 18:00 às 23:00
          <br />
          Dom - Fechado
        </div>
        <div>
          <b>Permite Retirada:</b> {{#retirada}}Sim{{/retirada}}{{^retirada}}Não{{/retirada}}
          <br />
          <b>Estacionamento:</b> {{#estacionamento}}Sim{{/estacionamento}}{{^estacionamento}}Não{{/estacionamento}}
          <br />
          <b>Taxa de Entrega:</b> {{taxa_entrega}}
          <br />
          <b>Tempo de Entrega:</b> {{tempo_entrega}} min
          <br />
          <b>Pedido Mínimo:</b> {{vlr_minimo}}
          <br />
        </div>
      </div>
    </div>
  </div>
  {{/restaurante}}
  
  <div class="info-pedido">
    <form class="form">
    <div class="formulario">
      <div class="endereco left">
        <div class="titulo">Seu pedido será entregue no endereço:</div>
        {{#endereco}}
          <input type="radio" name="retirada" value="0" id="endereco" checked="checked"/><label for="endereco"><b>{{nome}}</b><br/>
            <div class="quadro">
              {{logradouro}}, {{numero}} {{#complemento}} - {{complemento}}{{/complemento}}<br/>
              {{bairro}} - {{cidade}}/{{ufe_sg}}<br/>
              Telefone: {{telefone}}
            </div>
          </label>
        {{/endereco}}
        <br/>
        <input type="radio" id="retirada" value="1" name="retirada"/> <label for="retirada"><b>Irei retirar pessoalmente</b> <a href="#" class="onde_retirar">(Onde?)</a></label>
      </div>
      
      <div class="pagamento">
        <div class="titulo">Escolha a forma de pagamento:</div>
        {{#restaurante}}
          {{#formasPagamento}}
          <div class="boxSelecao">
            <div class="forma-pagamento"><input type="radio" name="forma_pagamento" id="rfp_{{id}}" value="{{id}}"/><label for="rfp_{{id}}" class="fp{{id}}">{{nome}}</label></div>
          </div>
          {{/formasPagamento}}
          <div class="divFP" id="fp_1">
            Você pode pagar com Visa, MasterCard ou America Express.<br/>
            A maquininha vai até você.
          </div>
          <div class="divFP" id="fp_2">
            Precisa de troco?<br/>Digite abaixo o total que você tem, em reais, para calcularmos o troco.<br/>
            Troco para <input type="text" id="troco" name="troco" size="10"/><br/>
            Valor do troco: <span class="vlrTroco">R$ 0,00</span>;
          </div>
        {{/restaurante}}
      </div>
    </div>
    <div class="titulo clear">Verifique seu pedido:</div>
      <table width="100%">
        <thead class="produto-header">
          <tr>
            <th width="15%" style="text-align:center">Quantidade</th>
            <th width="65%" style="text-align:left">Descrição</th>
            <th width="18%" style="text-align:right">Preço</th>
            <th width="2%"></th>
          </tr>
        </thead>
        {{#produtos}}
        <tbody>
          <tr class="produto">
            <td style="text-align:center">{{qtde}}</td>
            <td>{{nome}}</td>
            <td style="text-align:right">{{preco}}</td>
            <td></td>
          </tr>
          {{#variacoes}}
          <tr class="variacao">
            <td></td><td colspan="2"> {{variacao}}/{{item}}</td><td></td>
          </tr>
          {{/variacoes}}
          {{#observacoes}}
          <tr class="variacao">
            <td></td><td colspan="2"> {{observacoes}}</td><td></td>
          </tr>
          {{/observacoes}}
        </tbody>
        {{/produtos}}
        <tfoot class="produto-footer">
          {{#pedido}}
          <tr>
            <th></th><th style="text-align:right;">Taxa Entrega</th><th style="text-align:right" id="taxa_entrega" val="{{taxa_entrega}}"></th><th></th>
          </tr>
          <tr>
            <th></th><th style="text-align:right;">TOTAL</th><th style="text-align:right" id="preco_total" val="{{preco}}"></th><th></th>
          </tr>
          <input type="hidden" id="p_" value="{{id}}"/>
          {{/pedido}}
        </tfoot>
      </table>
      <span class="advice">Ao clicar no botão "Enviar para o restaurante" você está de acordo com esta <a target="_blank" href="/privacidade" tabindex="-1">política de privacidade</a></span> 
      <input type="button" class="botao-vermelho enviar" value="Enviar para o restaurante"/>
      <input type="button" class="voltar" value="Voltar ao cardápio"/>
    </form>
  </div>

<script type="text/javascript" src="/app/resources/site/js/pedido.js"></script>